<template>
  <div class="footer">
      <ul>
        <!-- <li><a href="https://www.888res.com/sport.html"><span class="icon nav01"></span><p>首页</p></a></li> -->
        <router-link v-for="item in navDate" :key="item.url"  tag="li" :to="item.url"><span class="icon" :class="'nav0'+item.id"></span><p>{{item.title}}</p></router-link>
      </ul>
  </div>
</template>

<script>
import '@/assets/style/common.less'
export default {
  name: 'footer',
  data () {
    return {
      navDate:[
        {id:1,title:'首页',url:'/'},
        {id:2,title:'篮球',url:'/basket'},
        {id:3,title:'充值',url:'/foot'},
        {id:4,title:'我的',url:'/about'},
      ]
    }
  }
}
</script>

